@charset "UTF-8";
/*pageSection*/
.section { width:98%;margin-left:auto; margin-right:auto}
.ui-tw-section { width:95%;margin-left:auto; margin-right:auto}
.ui-tw-section .section{ margin-bottom:10px}
.ui-tw-sectionHeader{ cursor: default;width:100%;text-align:left; line-height:24px; font-weight:bold}
.ui-tw-sectionHeader span{ float:left; margin-top:2px }
.ui-tw-sectionDetail { padding:10px}
/* Resizable----------------------------------*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Accordion
----------------------------------*/
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 11px; padding: .5em .5em .5em 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 2px 2px; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
.ui-accordion .ui-accordion-content-active { display: block; }/* Dialog
----------------------------------*/
.ui-dialog { position: relative; padding: 4px; width:auto; height:auto; }
.ui-dialog .ui-dialog-titlebar { padding: 2px;position: relative; }
.ui-dialog .ui-dialog-title { float: left; margin-top: 6px; padding-left:5px} 
.ui-dialog .ui-dialog-titlebar-close { float:right; width: 18px; height: 18px;padding:2px; margin-top:6px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 1px; }
.ui-dialog .ui-dialog-titlebar-button { float:right; width: 18px; height: 18px;padding:2px; margin-top:6px; }
.ui-dialog .ui-dialog-titlebar-button span { display: block; }
.ui-dialog .ui-dialog-titlebar-button:hover, .ui-dialog .ui-dialog-titlebar-button:focus { padding: 1px; }
.ui-dialog .ui-dialog-content {position: relative; border: 0; margin-top: 2px; margin-left:0px; margin-right:0px; margin-bottom:0px; background: none; overflow: visible}
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/* Slider
----------------------------------*/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs
----------------------------------*/
.ui-tabs { padding: .2em; zoom: 1; background:none}
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 2px; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
/* Datepicker
----------------------------------*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/* Progressbar
----------------------------------*/
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }

/**
*	Basic Layout Theme
* 
*	This theme uses the default layout class-names for all classes
*	Add any 'custom class-names', from options: paneClass, resizerClass, togglerClass
*/

.ui-layout-pane { /* all 'panes' */ 
	background: #FFF; 
	border: 1px solid #BBB; 
	padding: 0px; 
	overflow: auto;
} 

.ui-layout-resizer { /* all 'resizer-bars' */ 
	background: #DDD; 
} 

.ui-layout-toggler { /* all 'toggler-buttons' */ 
	background: #AAA; 
} 

/* Button
----------------------------------*/

.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3em; } 
button.ui-button-icons-only { width: 3.2em; } 

/*button text element */
.ui-button .ui-button-text { display: block; line-height: 20px;  }
.ui-button-text-only .ui-button-text { padding: 2px; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: 2px; text-indent: -9999999px; }
.ui-button-text-icon .ui-button-text, .ui-button-text-icons .ui-button-text { padding: 2px 2px 2px 16px  ; }
.ui-button-text-icons .ui-button-text { padding-right: 4px; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: 2px; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon .ui-icon-primary, .ui-button-text-icons .ui-icon-primary, .ui-button-icons-only .ui-icon-primary { left: 2px; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: 2px; }

/*button sets*/
.ui-button-set { margin-right: 7px; }
.ui-button-set .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */	



/*custom by tiger*/
	/*fg.menu*/
.fg-menu span.moduleIcon {float:left}
.fg-menu span.moduleText {margin-top:8px;margin-left:5px; float:left;text-align:left; width:auto; font-weight:normal}
.fg-menu span.ui-icon { margin-top:8px}
	/*desktop module*/
.module { margin:2px; position:absolute}
.moduleIcon { margin-left:auto; margin-right:auto; display:block}
.moduleText { text-align:center; width:100%;white-space:nowrap;text-overflow:ellipsis ;overflow:hidden; margin-top:2px;font-weight:bold }
.module .moduleText { margin-bottom:5px}
/*theme sample*/
.ui-theme-sample { display:inline-block; float:left; width: 30px; height: 27px; background-image:url(../images/themeSample.jpg)}
.ui-theme-sample.ui-theme-sample-base {background-position:0 0}
.ui-theme-sample.ui-theme-sample-ui-lightness {background-position:-30px 0}
.ui-theme-sample.ui-theme-sample-ui-darkness {background-position:-60px 0}
.ui-theme-sample.ui-theme-sample-smoothness {background-position:-90px 0}
.ui-theme-sample.ui-theme-sample-start {background-position:-120px 0}
.ui-theme-sample.ui-theme-sample-redmond {background-position:-150px 0}
.ui-theme-sample.ui-theme-sample-cupertino {background-position:-180px 0}
.ui-theme-sample.ui-theme-sample-south-street {background-position:-210px 0}
.ui-theme-sample.ui-theme-sample-blitzer {background-position:-240px 0}
.ui-theme-sample.ui-theme-sample-humanity {background-position:-270px 0}
.ui-theme-sample.ui-theme-sample-hot-sneaks {background-position:-300px 0}
.ui-theme-sample.ui-theme-sample-excite-bike {background-position:-330px 0}
.ui-theme-sample.ui-theme-sample-vader {background-position:-360px 0}
.ui-theme-sample.ui-theme-sample-dot-luv {background-position:-390px 0}
.ui-theme-sample.ui-theme-sample-mint-choc {background-position:-420px 0}
.ui-theme-sample.ui-theme-sample-black-tie {background-position:-450px 0}
.ui-theme-sample.ui-theme-sample-trontastic {background-position:-480px 0}
.ui-theme-sample.ui-theme-sample-swanky-purse {background-position:-510px 0}
.ui-theme-sample.ui-theme-sample-noi {background-image:url(../temp/noi/images/sample.png)}
.ui-theme-sample.ui-theme-sample-noi2 {background-image:url(../temp/kn/images/sample.png)}
.ui-theme-sample.ui-theme-sample-oh {background-image:url(../temp/oh/images/sample.png)}
.ui-theme-sample.ui-theme-sample-ole {background-image:url(../temp/ole/images/sample.png)}
.ui-theme-sample.ui-theme-sample-ja {background-image:url(../temp/ja/images/sample.png)}
.ui-theme-sample.ui-theme-sample-meaw {background-image:url(../temp/meaw/images/sample.png)}
.ui-theme-sample.ui-theme-sample-ta {background-image:url(../temp/ta/images/sample.png)}
.ui-theme-sample.ui-theme-sample-bu {background-image:url(../temp/bu/images/sample.png)}
.ui-theme-sample.ui-theme-sample-bu2 {background-image:url(../temp/bu2/images/sample.png)}
.ui-theme-sample.ui-theme-sample-bu3 {background-image:url(../temp/bu3/images/sample.png)}
.ui-theme-sample.ui-theme-sample-oh2 {background-image:url(../temp/oh2/images/sample.png)}
.ui-theme-sample.ui-theme-sample-bandy {background-image:url(../temp/bandy/images/sample.png)}
.ui-theme-sample.ui-theme-sample-doraair {background-image:url(../temp/doraair/images/sample.png)}
.ui-theme-sample.ui-theme-sample-kn-noi {background-image:url(../temp/kn-noi/images/sample.png)}
.ui-theme-sample.ui-theme-sample-polaroid {background-image:url(../temp/polaroid/images/sample.png)}
.ui-theme-sample.ui-theme-sample-pandy {background-image:url(../temp/pandy/images/sample.png)}
.ui-theme-sample.ui-theme-sample-transformer {background-image:url(../temp/kn-transformers/images/sample.png)}
.ui-theme-sample.ui-theme-sample-verve {background-image:url(../temp/kn-verve/images/sample.png)}
.ui-theme-sample.ui-theme-sample-iceage {background-image:url(../temp/kn-iceage/images/sample.png)}
.ui-theme-sample.ui-theme-sample-cowco {background-image:url(../temp/kn-cowco/images/sample.png)}
.ui-theme-sample.ui-theme-sample-ole2 {background-image:url(../temp/ole2/images/sample.png)}

/**/

.ui-bg-toolBar span.ui-state-default{ background:none; border:none;; cursor:pointer}

/**/
